<template>
    <div class="lineWrap">
        <a-row type="flex" justify="space-around" align="middle" class="rowWrap">
            <a-col :span="4" style="text-align: center;">
                <a-icon type="snippets" style="font-size: 20px;color: #019BFB;" />
            </a-col>
            <a-col :span="6" class="title">{{ title }}</a-col>
            <a-col :span="10" class="times">{{ times }}</a-col>
            <a-col :span="4">{{ subTitle }}</a-col>
        </a-row>
    </div>
</template>
<script>
export default {
    name: 'lineTime',
    props: {
        title: {
            type: [String, Number],
        },
        times: {
            type: [String, Number],
        },
        subTitle: {
            type: [String, Number],
            default: '次'
        }
    }
}
</script>
<style lang="less" scoped>
.lineWrap {
    width: 100%;
    height: 100%;
    background-color: rgba(54, 85, 123, 0.8);
}

.rowWrap {
    height: 100%;
    color: #ffffff;
}

.title {
    font-size: 18x;
    text-align: center;
}

.times {
    font-size: 22px;
    text-align: center;
    color: #57EECF;
}
</style>